<template>
  <div>
    <hm-dialog>
      <template #title>
        <h1>友情提示</h1>
      </template>

      <template #content>
        <p>请输入正确的手机号码</p>
      </template>

      <!--
        同时使用具名插槽和匿名插槽时，
       👍使用#default传匿名插槽内容 -->
      <template #default>
        <button>确定</button>
        <button>关闭</button>
      </template>
    </hm-dialog>
    <hr />
  </div>
</template>

<script>
import HmDialog from "./components/HmDialog.vue";
export default {
  components: {
    HmDialog,
  },
};
</script>

<style></style>
